<template>
  <!-- <div class="content-box">
  <common-header :title="title" :showleft="false"></common-header>-->
  <div class="page-content">
    <van-pull-refresh v-model="isLoading" @refresh="onRefresh">
      <common-list ref="list" @ok="onRefreshed"></common-list>
      <common-footer></common-footer>
    </van-pull-refresh>
  </div>
  <!-- </div> -->
</template>

<script>
import { commonFooter, commonList } from "common";
import { indexInitApi, projectApi } from "@/api";
export default {
  data() {
    return {
      title: "投资",
      goodsList: [],
      isLoading: false,
      num: 0
    };
  },
  mounted() {
    // this.getGoodsList();
  },
  methods: {
    getGoodsList() {
      indexInitApi().then(res => {
        // this.goodsList = res.data.goods;
      });
    },
    onRefresh() {
      this.$refs.list.onRefresh()
    },
    onRefreshed(){
      this.isLoading = false;
    },
    todetail() {
      this.$router.togo("/Home/Detail");
    }
  },
  components: {
    commonList,
    commonFooter
  }
};
</script>

<!-- Add "scoped" attribute to limit CSS to this component only -->
<style scoped lang="less">
@import "~styles/index.less";
@import "~styles/variable.less";
</style>
